<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="/"><img src="img/header_logo.png" alt=""></a>
            </div>
            <div class="header-login"><a href="login.html">登录</a></div>
            <div class="nav">
                <ul>
                    <li><a href="">全系产品</a></li>
                    <li><a href="friend.html">技术伙伴</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="">售后服务</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="my container">
        <div class="my-option">
            <div class="my-pic">
                <img src="img/my/pic.png">
            </div>
            <div class="my-title" id="username">18366811318</div>
            <ul>
                <li class="li-active">我的订单</li>
                <li>售后服务</li>
                <li>我的活动</li>
                <li>收货地址</li>
            </ul>
        </div>
        <div class="my-wrap">
            <div class="wrap-title">我的订单</div>
            <div class="wrap-item">
                <div class="item-pic">
                    <img src="img/my/item-pic.png" alt="">
                </div>
                <div class="item-info">
                    <div class="item-name">推荐好友购买 6台得免单</div>
                    <div class="item-content">推荐码:abXS0678L</div>
                </div>
                <div class="item-total">已完成数量：1</div>
                <div class="item-link">
                    <div class="item-btn">复制推荐码</div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-content-item">
                    <div class="footer-item-title">订单服务</div>
                    <ul>
                        <li><a href="">购买指南</a></li>
                        <li><a href="">送货政策</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">服务支持</div>
                    <ul>
                        <li><a href="">意外险</a></li>
                        <li><a href="">售后服务</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">关注我们</div>
                    <ul>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">官方微信</a></li>
                    </ul>
                </div>
                <div class="footer-content-item">
                    <div class="footer-item-title">代理合作</div>
                    <ul>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">团购活动</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-logo">
                <img src="img/footer_logo.png">
            </div>
        </div>
    </div>
</body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="https://www.jq22.com/demo/message201905252258/message.js"></script>
<script src="js/fetch.js"></script>
<script src="js/my-order.js"></script>

</html>